<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		<h1>微信浏览器浏览图片</h1>
		<h4>试验reset()方法</h4>
		<p>下面是一个表单，然后使用reset的方法</p>
		<form action="" method="post" id="one_form">
			<input type="text" />
			<input type="datetime" />
			<input type="datetime-local" />
			<input type="reset" value="重置" />
			<input type="submit" value="提交"/>
		</form>
		<button id="reset_button">重置按钮</button>
		<ul class="proDetail_fea">
			<li><img src="https://s2.ax1x.com/2019/02/18/k6uzSP.png" alt="k6uzSP.png" border="0" /></li>
			<li><img src="https://s2.ax1x.com/2019/02/18/k6uzSP.png" alt="k6uzSP.png" border="0" /></li>
		</ul>
		
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<!--<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
	<script type="text/javascript">
		$("button").click(function() {
			console.log("点击了 重置按钮");
			$("#one_form")[0].reset();
		})
	
		var imglis = [];
		var imgObj = $(".proDetail_fea img"); //img对象  注意路径必须为绝对路径
		function imginfo() {　　
			for(var i = 0; i < imgObj.length; i++) {　　　　
				imglis.push(imgObj.eq(i).attr('src'))
				imgObj.eq(i).click(function() {　　　　
					console.log($(this).attr('src'));　　　　
					var Imgurl = $(this).attr('src');　　　　
					WeixinJSBridge.invoke("imagePreview", {　　　　　　
						"urls": imglis,
						"current": Imgurl　　　　
					});　　
				});
	
				　　
			}
		}
		imginfo();
		
	</script>
</html>
